<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
         <link href="style2.css" rel="stylesheet" type="text/css" />
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                
                <title>USUARIOS</title>
            </f:facet>
        </h:head>

        <h:body>

          <div id="container">
  <div id="banner">
    <h1>LA GEA EL SALVADOR</h1>
  </div>
              <div id="navbar2" >
    <ul>
        <li>SESION INICIADA COMO: #{datosSesionBean.nombreUsuario}</li>
    </ul>
  </div>
  <div id="navbar">
      <h:form>
    <ul>
        <li><h:link outcome="MenuInicio">INICIO</h:link></li>
    <li><h:link outcome="Usuarios">USUARIOS</h:link></li> 
    <li><h:link outcome="Reportes">REPORTES</h:link></li>
    <li><h:link outcome="Ordenes">ORDENES</h:link></li>
    <li><h:link outcome="Inventarios">INVENTARIOS</h:link></li>
    <li><h:link outcome="Mantenimientos">MANTENIMIENTOS</h:link></li>
    <li><h:link outcome="MiCuenta">MI CUENTA</h:link></li>
    <li><h:commandLink actionListener="#{datosSesionBean.cerrarSesion()}">SALIR</h:commandLink></li>
    </ul>
          </h:form>
  </div>
  <div class="clear"></div>
  <div id="content">
      <h:form id="Datos">
          <p:growl id="grl" autoUpdate="true"/>
          <p:panel header="DATOS PERSONALES">
              <h:panelGrid columns="6" cellpadding="5" cellspacing="20"> 
                    <h:outputLabel>PRIMER NOMBRE(*)</h:outputLabel>
                    <p:inputText id="Nombre1" value="#{usuariosBean.nombre1}" required="true"></p:inputText>
                <p:message for="Nombre1" showDetail="error"   display="icon"></p:message>
                 <h:outputLabel>SEGUNDO NOMBRE</h:outputLabel>
                 <p:inputText id="Nombre2" value="#{usuariosBean.nombre2}"></p:inputText>
                <p:message for="Nombre2" display="icon"></p:message>
                <h:outputLabel>PRIMER APELLIDO(*)</h:outputLabel>
                <p:inputText id="Apellido1" value="#{usuariosBean.apel1}" required="true"></p:inputText>
                <p:message for="Apellido1" display="icon"></p:message>
                <h:outputLabel>SEGUNDO APELLIDO</h:outputLabel>
                <p:inputText id="Apellido2" value="#{usuariosBean.apel2}"></p:inputText>
                <p:message for="Apellido2" display="icon"></p:message>
                <h:outputLabel>APELLIDO TRES</h:outputLabel>
                <p:inputText id="Apellido3" value="#{usuariosBean.apel3}"></p:inputText>
                <p:message for="Apellido3" ></p:message>
                <h:outputLabel>FECHA DE NACIMIENTO(*)</h:outputLabel>
                <p:calendar yearRange="1975:1995"   navigator="true" required="true" value="#{usuariosBean.date}" id="popupCal">
                </p:calendar>
                <p:message for="popupCal" display="icon"></p:message>
                <h:outputLabel>GENERO(*)</h:outputLabel>
                <p:selectOneMenu required="true" value="#{usuariosBean.genero}"  id="genero" effect="drop"> 
                    <f:selectItem itemLabel="- Seleccione -"/>
                    <f:selectItem itemLabel="Masculino" itemValue="M"></f:selectItem>
                    <f:selectItem itemLabel="Femenino" itemValue="F"></f:selectItem>
                </p:selectOneMenu>
                <p:message for="genero" display="icon"></p:message>
                 <h:outputLabel>E-MAIL(*)</h:outputLabel>
                 <p:inputText id="email" value="#{usuariosBean.email}" required="true"></p:inputText>
                <p:message for="email" showDetail="error"   display="icon"></p:message>
                <h:outputLabel>NUMERO DUI(*)</h:outputLabel>
                <p:inputMask mask="99999999-9" required="true" id="numDoc" value="#{usuariosBean.dui}"></p:inputMask>
                <p:message for="numDoc" display="icon"></p:message>
                <h:outputLabel>NUMERO NIT(*)</h:outputLabel>
                <p:inputMask mask="9999-999999-999-9" required="true" id="numeroNit" value="#{usuariosBean.nit}"></p:inputMask>
                <p:message for="numeroNit" display="icon"></p:message>
               <h:outputLabel>NUMERO ISSS(*)</h:outputLabel>
               <p:inputMask mask="999999999" required="true" id="numeroIsss" value="#{usuariosBean.isss}"/>
                <p:message for="numeroIsss" display="icon"></p:message>
                <h:outputLabel>TELEFONO FIJO(*)</h:outputLabel>
                <p:inputMask value="#{usuariosBean.telefono}" required="true" id="telF" mask="(999) 9999-9999"/>
                <p:message for="telF" display="icon"></p:message>
                <h:outputLabel>DIRECCION(*) &nbsp;</h:outputLabel>
                <p:inputTextarea value="#{usuariosBean.direccion}" required="true" id="dir" autoResize="false"  maxlength="250" rows="2" style=" resize: none; width: 150px"></p:inputTextarea>
                <p:message for="dir" display="icon"></p:message>
                <h:outputLabel>ESPECIALIDAD DEL EMPLEADO(*)</h:outputLabel>
                <p:selectOneMenu required="true" value="#{usuariosBean.especialidad}"  id="especialidad" effect="drop"> 
                    <f:selectItem itemLabel="- Seleccione -"/>
                    <f:selectItem itemLabel="N/A" itemValue="N/A"></f:selectItem>
                    <f:selectItem itemLabel="FONTANERIA" itemValue="FONTANERIA"></f:selectItem>
                    <f:selectItem itemLabel="ELECTRICIDAD" itemValue="ELECTRICIDAD"></f:selectItem>
                    <f:selectItem itemLabel="CERRAJERIA" itemValue="CERRAJERIA"></f:selectItem>
                   <f:selectItem itemLabel="VIDRERIA" itemValue="VIDRERIA"></f:selectItem>
                    
                </p:selectOneMenu>
                <p:message for="genero" display="icon"></p:message>
              
                
                
                 <h:outputLabel>MUNICIPIO(*)</h:outputLabel>
                 <p:selectOneMenu immediate="true"  value="#{usuariosBean.municipios}" 
                  filter="true" filterMatchMode="startsWith" id="MUNICIPIOS" effect="drop">
                     <f:selectItem itemLabel="- Seleccione -" />
                     <f:selectItems   value="#{usuariosBean.alstMun}" />
                                   
                </p:selectOneMenu> 
                
           
                 <p:message for="MUNICIPIOS" display="icon"></p:message>
            </h:panelGrid>           
          </p:panel>
      <br/>
      <p:panel header="DATOS USUARIO">
       <h:panelGrid  columns="6" cellpadding="5" cellspacing="20"> 
                <h:outputLabel>NOMBRE USUARIO(*)</h:outputLabel>
                <p:inputText id="nomUs" required="true" value="#{usuariosBean.nomUs}" >
              
                </p:inputText>
                <p:message for="nomUs" display="icon"></p:message>
                <h:outputLabel >CONTRASEÑA(*)</h:outputLabel>
                <p:password id="contra" match="contraC" required="true" value="#{usuariosBean.contra}"></p:password>
                <p:message for="contra" display="icon"></p:message>
                <h:outputLabel>CONFIRMAR CONTRASEÑA(*)</h:outputLabel>
                <p:password id="contraC" required="true" value="#{usuariosBean.contra}">
                </p:password>
                <p:message for="contraC" display="icon">      
                </p:message>
                <h:outputLabel>PREGUNTA SECRETA(*)</h:outputLabel>
                <p:inputText id="pregS" required="true" value="#{usuariosBean.preguntaS}">
                </p:inputText>
                <p:message for="pregS" display="icon"/> 
                <h:outputLabel>RESPUESTA(*)</h:outputLabel>
                <p:inputText id="respS" required="true" value="#{usuariosBean.respuestaS}">
                </p:inputText>
                    <p:message for="respS" display="icon"/> 
                <h:outputLabel>Nivel de Acceso(*)</h:outputLabel>
                <p:selectOneMenu required="true" value="#{usuariosBean.nivelAcceso}"  id="nAcceso" effect="drop"> 
                    <f:selectItem itemLabel="- Seleccione -"/>
                    <f:selectItem itemLabel="Administrador" itemValue="1"></f:selectItem>
                    <f:selectItem itemLabel="Usuario Normal" itemValue="2"></f:selectItem>
                </p:selectOneMenu>
                <p:message for="nAcceso" display="icon"></p:message>
                </h:panelGrid>
                 
            </p:panel>  
            <h:panelGrid  columns="2" cellpadding="5" cellspacing="20"> 
                <p:commandButton actionListener="#{usuariosBean.crearUsuario()}" value="Guardar" update="Datos"/>

            <p:commandButton  value="Cancelar" onclick="document.getElementById('Datos').reset();"></p:commandButton>
            </h:panelGrid>
     
      </h:form>
  </div>
  <div class="clear"></div>
  <div id="footer">
      <p align="center">ADMINISTRADO Y DISEÑADO POR ANALISIS DE SISTEMAS 2</p>
  </div>
</div>

        </h:body>

    </f:view>
</html>